<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Index - Shikkaku</title>
	<link rel="shortcut icon" href="icon.ico"/>
	<link rel="stylesheet" type="text/css" href="css/index.css"><!-- 引入CSS文件 -->
	<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" /><!-- 引入插件CSS文件 -->
	<link href="http://apps.bdimg.com/libs/fontawesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"><!-- 引入font awesomeCSS文件 -->
</head>
<body>

	<div id="fullpage">
		<div class="section section1">
			<h1>来自自学入坑两个月的新人：</h1>
			<p>这可能是有史以来最菜的<br/>
			<i>qiē tú zǎi<br/></i>
			<span>前端汪</span>简历</p>
			<div class="section1-icon">
				<div class="section1-icon1">Scroll</div>
				<div class="section1-icon2"></div>
			</div>
		</div>

		<div class="section section2">
			<h1>在这份简历中</h1>
			<p class="section2-open">您能且仅能遇到以下入门级技术</p>
			<div class="section2-items">
				<div class="section2-item section2-item1">
					<h2>结构</h2>
					<div class="section2-itemtext">
						<p>HTML基础布局搭建</p>
					</div>
				</div>
				<div class="section2-item section2-item2">
					<h2>样式</h2>
					<div class="section2-itemtext">
						<p>CSS样式书写<br/>CSS3动画效果</p>
					</div>
				</div>
				<div class="section2-item section2-item3">
					<h2>动效</h2>
					<div class="section2-itemtext">
						<p>jQuery完成动画特效</p>
					</div>
				</div>
				<div class="section2-item section2-item4">
					<h2>插件</h2>
					<div class="section2-itemtext">
						<p>fullpage.js制作欢迎页面<br/>move.js书写CSS3动画特效<br/>
						Font Awesome图标使用</p>
					</div>
				</div>
				<div class="section2-item section2-item5">
					<h2>其他</h2>
					<div class="section2-itemtext">
						<p>页面整体文案与设计<br/>PS图片处理<br/></p>
					</div>
				</div>
			</div>
		</div>

		<div class="section section3 container">
			<div class="show">
				<div class="show-img">
					<img src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/8ViJHwE8bEBC*mBIAgxNJc3NhEFZH4bNvXlg4.xILxM!/r/dDwBAAAAAAAA"/>
				</div>
			</div>
			<img class="title" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/ZBy2EE8yH3iNl7sOp6UN49htwQQh39ewO5aAn80B1yw!/r/dG0BAAAAAAAA"/>
			<span></span>
			<p class="section3-menu">
				<a class="menu-item selected" href="#">PS＆AI</a><br/>
				<a class="menu-item" href="#">PR</a><br/>
				<a class="menu-item" href="#">日本語</a><br/>
				<a class="menu-item" href="#">English</a>
			</p>
			
			<div class="section3-info">
				<div class="selected">
					<ul>
						<li>基础的Photoshop与Illustrator工具运用</li>
						<li>设计稿切图</li>
					</ul>
				</div>
				<div>
					<ul>
						<li>Premiere视频剪辑<br/><a href="http://www.bilibili.com/video/av3651288/" target="_blank">点击查看剪辑作品</a></li>
					</ul>
				</div>
				<div>
					<p>日语NJLPT 1级</p>
					<ul>
						<li>阅读/日译汉能力精通</li>
						<li>听力熟练</li>
						<li>口语/汉译日能力初中级</li>
					</ul>
				</div>
				<div>
					<p>英语CET 6级</p>
					<ul>
						<li>阅读/英译汉能力熟练</li>
						<li>听力/口语/汉译英能力初级</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="section section4">
			<div class="slide slide1">
				<div class="show show00 active">
					<img class="title" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/tYC4PbHyP2Vswwl8yf2JthC561jMj8bPMrSphrbtVzk!/r/dG0BAAAAAAAA"/>
					<div class="info">
						<p class="title-info0"></p>
						<p class="title-info1">一年的双微运维经验</p>
						<p class="title-info2">无处不在的脑洞<br/>创意海报<br/>热点海报发想</p>
						<p class="title-info3">玩梗<br/>文案撰写</p>
					</div>
				</div>
				<div class="show show01">
					<a href="#page4/1">
						<img class="showitem01" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/0IpzD6hVqupViFMcn2py6PgGYJ6o7ySabAlnQwbmiwo!/r/dD0BAAAAAAAA"/>
						<img class="showitem01-1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/L9IJ*WPzMUBeP1Uo9mndkYWZx9jIALLMtdOb722XC4I!/r/dDwBAAAAAAAA"/>
					</a>
				</div>
				<div class="show show02">
					<a href="#page4/2">
						<img class="showitem02" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/Uu4YidG*h5tJyF9AfsnlqK1ujbuJ42SjG3AlU4vaTX8!/r/dDwBAAAAAAAA"/>
					</a>
				</div>
				<div class="show show03">
					<a href="#page4/3">
						<img class="showitem03" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/ut5AVhWX3O3Njw7i4VL6gR4AthHJmDoKdadDWV2Vnqo!/r/dDwBAAAAAAAA"/>
					</a>
				</div>
			</div>
			
			<div class="slide slide2">
				<div class="slidetext-container">
					<div class="slide2-text">
						<h2>一年的双微运维经验</h2>
						<ul>
							<li>微博·@海尔水之道</li>
							<li>微博·@海尔洗碗机</li>
							<li>服务号·海尔洗碗机</li>
							<li>服务号·海尔洗衣机</li>
							<li>订阅号·海尔洗衣机净之道</li>
						</ul>
						<p class="slide2-p">>>点击切换展示<<</p>
					</div>
					<div class="slide3-text">
						<h2>创意发想展示</h2>
						<ul>
							<li>产品创意稿</li>
							<li>热点/节气海报</li>
							<li>日常粉丝活动</li>
						</ul>
						<p class="slide3-p">>>点击切换展示<<</p>
					</div>
					<div class="slide4-text">
						<h2>文案展示</h2>
						<ul>
							<li>创意海报文案</li>
							<li>双微日常文案</li>
						</ul>
						<p class="slide4-p">>>点击切换展示<<</p>
					</div>
				</div>
				<div class="slide-imgs slide2-imgs">
					<div class="group1">
						<img class="item1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/1lpt625ZKilu8gGU2oBCMS9dNPHBL0HFiiERv3KQl00!/r/dGwBAAAAAAAA">
						<img class="item2" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/fuWaPT9QySmnLJAoEJyO64BnhGxdq85eiwACiQzlY7Y!/r/dG0BAAAAAAAA">
						<img class="item3" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/gQmvfaX0h0nyTSeyuYL2.*AYnAXWjE5m*v.mYvkpZsE!/r/dDwBAAAAAAAA">
						<img class="item4" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/gCk1LRIRmjfKSyszp1F1ZgS3o2cCyYkyeSYManB8Sns!/r/dDwBAAAAAAAA">
					</div>
					<div class="group2">
						<img class="item1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/UM5SEEMlQUdLoDTq4B4hLf2iWH9kulCS9AOwMtDR5TE!/r/dD0BAAAAAAAA">
						<img class="item2" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/2pJdsaB9nphgE7A.mSIUWsbS02cAx0I0Qr59k*nR4as!/r/dDwBAAAAAAAA">
						<img class="item3" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/l85M45Vlhove.zDz2zH4mzp1nDkos3lGVUzMIzisLdM!/r/dDwBAAAAAAAA">
					</div>
				</div>
			</div>

			<div class="slide slide3">
				<div class="slide-imgs slide3-imgs">
					<div class="group1">
						<img class="item1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/UsH8CJbL.qhlromf0bFtYEs5CsdAq87k37aOIJSNX0I!/r/dDwBAAAAAAAA">
						<img class="item2" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/XiCr.atDimEv6b3jHXt*bx0qoOHbVF.pUKFVi0vqLAI!/r/dDwBAAAAAAAA">
					</div>
					<div class="group2">
						<img class="item1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/n4mXQBSlwV38fK*gly8JNTogggUY.9.cmx1uNmPhqx0!/r/dDwBAAAAAAAA">
						<img class="item2" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/jhlW2UiV*NHA0X6nSn7VpD5KqKd1x*aV4o2WshoFlPU!/r/dD0BAAAAAAAA">
					</div>
					<div class="group3">
						<img class="item1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/KwByutsIVK8oA5xJEMZhIqnR7mWLICehZrOX.YSNtz8!/r/dG0BAAAAAAAA">
						<img class="item2" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/jqWuU1RmSTcUgmj9yAMxBU8h*lAoiRO1S8GoH1rnnLs!/r/dD0BAAAAAAAA">
					</div>
					<div class="group4">
						<img class="item1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/lFBuqiVZXhaQesXuucj6z2nT*eGbJ5biw55eBwut.9E!/r/dD0BAAAAAAAA">
						<img class="item2" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/trLKcwzdIKbtaRvdV0K7gd8Mbsl591tQd4ShrGtPmXo!/r/dDwBAAAAAAAA">
					</div>
				</div>
			</div>

			<div class="slide slide4">
				<div class="slide-imgs slide4-imgs">
					<div class="group1">
						<img class="item1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/Y.1sHiJDkxKlZtv7RHh*4u1ZOB.WuOC8etQjLm9Q3FU!/r/dDwBAAAAAAAA">
						<img class="item2" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/cxOFshHHJE4tA9*W.X0OnJXAdpy9JAkZtoaJCgBqaPc!/r/dDwBAAAAAAAA">
						<img class="item3" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/Zcx*SxOFNVMpFfGCvut8cWyLVVlvjwh1DxkU9g5HemY!/r/dD0BAAAAAAAA">
						<img class="item4" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/hjqRTD79CD.sHYtHnOZ6gXhi8KAjNC4H0Z5zeDtxvQ8!/r/dD0BAAAAAAAA">
					</div>
					<div class="group2">
						<img class="item1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/SXXMjs4y9MjIbsh.mywcyZfEiubBAsRF8Jz6GgYWxqk!/r/dD0BAAAAAAAA">
						<img class="item2" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/Thn2FynaLGFSiH8NBqi0M*qLL66yoV3pvFqgKFCpmXQ!/r/dD0BAAAAAAAA">
						<img class="item3" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/X7lBf*73s30ZWBb68oyPrGj2uSu4B6E9EG98uVm6*cQ!/r/dDwBAAAAAAAA">
					</div>
					<div class="group3">
						<img class="item1" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/c5ST1KWu6Ojp2UCOnem8fj8nPje23hyOzeGZFRrrLic!/r/dD0BAAAAAAAA">
						<img class="item2" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/mMsS1nBdf1Eu*KLJMECk0XrdJlQWRGiVl*OklxR6tAw!/r/dD0BAAAAAAAA">
						<img class="item3" src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/nV2JpKAlaxbkMS*dCmuzDAc3ibJjbv6qIdf9aq66pks!/r/dG0BAAAAAAAA">
					</div>
				</div>
			</div>
		</div>

		<div class="section section5 clearfix">
			<div class="contact">
				<div class="contact-text">
					<h1>当然，最重要的是</h1>
					<p>若贵社有意招纳一名自学力与适应力超强的<span>深井冰</span>员工,请点击——</p>
				</div>
				<img src="http://r.photo.store.qq.com/psb?/V10ey5yu03MxuF/PaXVi3jfOakB7FtJGKBmQ*mMYRntM0JshzknSZYRVHw!/r/dD0BAAAAAAAA">
			</div>
			<div class="contact-info">
				<div class="info">
					<p><span class="fa fa-phone"></span>15764236449</p>
					<p><span class="fa fa-weixin"></span>yh247628691</p>
					<p><span class="fa fa-envelope-o"></span>yin247628691@gmail.com</p>
					<p><span class="fa fa-weibo"></span><a href="http://www.weibo.com/2750470651/profile?topnav=1&wvr=6" target="_blank">Weibo</a></p>
					<p><span class="fa fa-home"></span><a href="home.html">点击进入主页了解更多</a></p>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><!-- 引入jQuery -->
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery-fullPage/2.7.4/jquery.fullPage.js"></script><!-- 引入fullpage.js-->
	<script type="text/javascript" src="https://cdn.bootcss.com/move.js/0.5.0/move.min.js"></script><!-- 引入move.js -->
	<script type="text/javascript" src="js/index.js"></script><!-- 引入JS脚本文件 -->
</body>
</html>